<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改密码</title>
    <link href="res/style.css" rel="stylesheet">
    <script src="js/axios.min.js"></script>
    <script src="js/vue.min.js"></script>
</head>
<body>
<div id="app" class="flex">
    <
    <main>
        <header class="flex">
            <div>
                <h3>源辰银行</h3>
                <small>ycinfo bank</small>
            </div>
            <div id="contact">
                <div>客服电话: 8888</div>
                <div>网址: www.ycinfo.bank.com</div>
            </div>
        </header>
        <div class="msg">
            倒计时: <h2>32</h2> 秒
        </div>
        <div id="pane" class="flex">
            <div class="btns">
                <a class="hidden">占位</a>
                <a class="hidden">占位</a>
                <a class="hidden">占位</a>
            </div>
            <div id="info">
                <h2>查询服务</h2>
                <form action="main.html">
                    <table>
                        <tr>
                            <th>序号</th>
                            <th>时间</th>
                            <th>交易金额</th>
                            <th>交易费</th>
                            <th>备注</th>
                        </tr>
                        <tr v-for="(l, index) in list[0]">
                            <td>{{index+1}}</td>
                            <td>{{list[1][index]}}</td>
                            <td>{{l.opmoney}}</td>
                            <td>0.00</td>
                            <td>{{l.remark}}</td>
                        </tr>
                    </table>
                    <div id="page" class="right">
                        <a href="#">上一页</a> 1/5 <a href="#">下一页</a>
                    </div>
                </form>
            </div>
            <div class="btns">
                <a class="hidden">占位</a>
                <a class="hidden">占位</a>
                <a class="hidden">占位</a>
                <a href="main.html" class="right">返回</a>
            </div>
        </div>
    </main>
    >
</div>
</body>
<script>
    var v = new Vue({
        el: "#app",
        data: {
            list: {},
            timeString:"",
        },
        created() {
            this.query()
        },
        methods: {
            query() {
                var url = "query.s";
                axios.post(url).then(res => {
                    console.log(res.data.data);
                    this.list = res.data.data;
                })
            },
        }
    })
</script>

</html>
